<template>
<!--  社区公告/热门问题/使用指南/网站条款-->
<div class="container">
  <el-collapse v-model="activeNames" @change="handleChange" height="600">
    <el-collapse-item title="关于跟单信号的注意事项" name="1">
      <div style="font-weight: 100;line-height: 20px;">分形者社区是公开的跟单网站，社区会严格审核每一位交易员的入驻，本着宁缺毋滥的原则，努力为广大用户呈现最优秀的交易员，社区严格把关，具体跟单还需要广大用户认真评估并充分了解交易员的策略优劣，仔细了解策略的风险因子，积极与策略提供方沟通，切勿盲目跟随。</div>
      <div style="font-weight: 100;line-height: 20px;margin-top: 15px;">本站禁止一切违法活动，请大家遵守外汇从业基本道德操守，共同维护优质的交易环境，祝大家交易顺利。</div>
    </el-collapse-item>
    <el-collapse-item title="关于增加账号安全的注意事项" name="2">
      <div style="font-weight: 100;line-height: 20px;">分形者社区不提供任何喊单、EA代挂、等代替客户操作的服务，如有任何人自称代表社区为客户提供这类代操作，请勿相信。</div>
      <div style="font-weight: 100; line-height: 20px;margin-top: 15px;">请勿将自己的交易密码泄露给他人，以免造成账户损失！</div>
    </el-collapse-item>
  </el-collapse>
</div>
</template>

<script>
export default {
  name: 'noticeIndex',
  data () {
    return {
      activeNames: ['']
    }
  },
  methods: {
    handleChange (val) {
      console.log(val)
    }
  }
}
</script>

<style scoped lang="scss">
.container {
  background-color: #ffffff;
  padding: 20px 10px;
 // margin: 0 150px 0;
  min-height: 450px;
  margin-bottom: 80px;
}
::v-deep .el-collapse-item__content {
  text-align: left !important;
  background-color: white;
  height: 600;
}
::v-deep .el-collapse-item__header {
  font-size: 13px;
}
::v-deep .el-collapse-item {
  font-size: 18px;
  //border-bottom: 2px solid rgba($color: #fafafa, $alpha: 0.1);
  padding-left: 10px;
}
::v-deep .el-collapse-item__header {
    border-top: none;
    //border-bottom: none;
}
::v-deep .el-collapse__header {
    border-top: none;
    border-bottom: none;
}
::v-deep .el-collapse {
   // margin-top: -10px;
}
</style>
